<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户信息管理</title>
<link rel="stylesheet" href="../css/base.css">
<script src="js/userManager.js" type="text/javascript" charset="utf-8"></script>
<style>
table{
	width:100%;
}
table,thead th,tbody td{
	border:1px solid #ccc;
	border-collapse: collapse;
}
#searchPart,#pageNavigate{
	margin:2px auto;
	witdth:100%;
	padding:5px 5px;
	border:1px solid #ccc;
}
#searchPart{
	text-align:center;
}
</style>
</head>
<body>
	<nav id="pageNavigate">
		用户管理模块->用户信息管理页面
	</nav>
	<aside id="searchPart">
		查询：<input type="search" name="keyword" id="keyword" placeholder="输入要查询的关键字">
	</aside> 
	<table>
		<thead>
			<tr>
				<th><input type="checkbox" name="allChecked" id="allChecked"
					value="${map.get('ID')}"></th>
				<th>姓名</th>
				<th>密码</th>
				<th>性别</th>
				<th>电子邮箱</th>
				<th>行政区划</th>
				<th>爱好</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${requestScope.users}" var="map">
				<tr style="text-align:center">
					<td><input type="checkbox" name="checkUser" id="user_${map.get('ID')}"
						value="${map.get('ID')}"></td>
					<td>${map.get('NAME')}</td>
					<td>${map.get('PASSWORD')}</td>
					<td>
						<c:if test="${map.get('SEX') eq 1}">男</c:if>
						<c:if test="${map.get('SEX') eq 0}">女</c:if>
					</td>
					<td>${map.get('EMAIL')}</td>
					<td>
						<c:if test="${empty map.get('NATIVEPLACE_NAME')}">
							<span style="color:red">未知</span>
						</c:if>
						<c:if test="${not empty map.get('NATIVEPLACE_NAME')}">
							${map.get('NATIVEPLACE_NAME')}
						</c:if>
					</td>
					<td>${map.get('HOBBY_CODE')}</td>
				</tr>
			</c:forEach>
		</tbody>
		<tfoot>
			<tr>
				<td colspan="3">
					<button>修改</button>
					<button id="btnDelete">删除</button>
				</td>
				<td colspan="4" style="text-align:right">
					<a href="#">首页</a>
					<a href="#">上一页</a>
					<select id="jumpPage"></select>
					<a href="#">下一页</a>
					<a href="#">尾页</a>
				</td>
			</tr>
		</tfoot>
	</table>
</body>
</html>